<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-3.1.1.js" ></script>
		<style>
		input[type=checkbox]:checked:after {
   
    border-color: #099414;
    background-color: #099414;
}
input[type=checkbox] {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    -webkit-appearance: none;
    background-color: transparent;
    border: 0;
    outline: 0 !important;
    line-height: 20px;
    color: #d8d8d8;
}
input[type=checkbox]:after {
    content: "v";
    display:block;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    transform:skew(10deg,10deg);
 
  text-align: center;
  line-height: 14px;
  font-size: 16px;
  color: #fff;
      margin-top: -0.5rem;
    border: 3px solid #ddd;
    background-color: #fff;
    box-sizing:border-box;
}
		</style>
	</head>
	<body>
		<div> 
		<input type="text" id="a1" placeholder="第一个数" />
		<select id="fh">
			<option value="+">+</option>
				<option value="-">-</option>
					<option value="*">*</option>
						<option value="/">/</option>
		</select>
		<input type="text" id="a2" placeholder="第二个数" />
		<input type="button" value="=" id="s"  />
		<input type="text" id="a3" placeholder="结果" />
		</div>
		<div>
			<input type="checkbox"   name="sss"/>
		    	<input type="checkbox"   name="sss"/>
		    		<input type="checkbox"   name="sss"/>
		    			<input type="checkbox"   name="sss"/>
		    				<input type="checkbox"   name="sss"/>
		</div>
		<script>
			$("input[name='sss']").click(function () {             
   
       })
			$("#s").click(function(){
			var a = $("#a1").val();
			var b = $("#a2").val();
			var c ="";
			var sum ="";
			var fh = $("#fh").val();
			switch (fh){
				case "+":
				c=parseFloat(a)+parseFloat(b);
				break;
				case "-":
				c=parseFloat(a)-parseFloat(b);
				break;
				case "*":
				c=parseFloat(a)*parseFloat(b);
				break;
				case "/":
				c=parseFloat(a)/parseFloat(b);
				break;
			}
			document.getElementById("a3").value = c;
			})
			
		</script>
	</body>
</html>
